<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:pe="http://primefaces.org/ui/extensions">
<ui:composition>
    <h:graphicImage library="images" name="logo.png" styleClass="logo" alt="Koperasi"/>
   <!-- <h:outputText value="Koperasi"
                  style="display:block; font-size:28px; position:absolute; top:16px; margin-left:70px;"/>
-->
    <h:panelGrid columns="7" styleClass="smallNav"
                 columnClasses="smallNavText,smallNavImg,smallNavText,smallNavImg,smallNavText">
        <p:commandLink  oncomplete="dlgChangePasswd.show()" action="#{usersBean.prepareChangePasswd()}" value="Hi, #{loginBean.selectedUser.fullName}" >
            <!--<h:outputText value=""/> -->
        </p:commandLink>
        <p:commandLink  update=":tabViewMenu"  actionListener="#{menuBean.addTab}" >
             <f:param name="title" value="Dashboards"></f:param>
             <f:param name="id" value="1002"></f:param>
             <f:param name="url" value="system/dashboards.xhtml"></f:param>
             <h:outputText value="Dashboards"/>
        </p:commandLink>
        <h:outputText value="|" />
        <p:commandLink  update=":tabViewMenu"  actionListener="#{menuBean.addTab}" >
             <f:param name="title" value="Option"></f:param>
             <f:param name="id" value="1001"></f:param>
             <f:param name="url" value="system/options.xhtml"></f:param>                               
            <h:outputText value="Options"/>
        </p:commandLink>
        <h:outputText value="|"/>
       <h:commandLink action="#{loginBean.logout()}">
            <h:outputText value="Logout"/>
        </h:commandLink>         
    </h:panelGrid>

    <pe:ajaxStatus styleClass="logo" style="left:360px; width:32px; height:32px; margin-top: 12px;">
        <f:facet name="start">
            <h:graphicImage library="images" name="ajax-loader.gif" alt="AJAX Status"/>
        </f:facet>
        <f:facet name="complete">
            <h:outputText value=""/>
        </f:facet>
    </pe:ajaxStatus>
    
     <p:dialog header="Change #{bundle.user} #{bundle.password}" widgetVar="dlgChangePasswd" closable="true" dynamic="true" modal="true" appendToBody="true">
                <p:ajax immediate="true" event="close" listener="#{usersBean.handleClose}"/>
                <ui:include src="/security/changePasswd.xhtml"/>
       </p:dialog>           
</ui:composition>
</html>
